<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>个人中心页</title>
    <link rel="stylesheet" href="style3.css" />
  </head>
  <body>
    <header>
      <div class="navBar">
        <div class="titleLeft">
          <a href="#" class="titleLink">开课吧首页 </a>
          <a href="#" class="titleLink">创业微课堂</a>
          <a href="#" class="titleLink">摄影微课堂</a>
          <a href="#" class="titleLink">微聚</a>
          <a href="#" class="titleLink">论坛 </a>
        </div>
        <div class="titleRight">
          <a href="#" class="titleLink">登录|注册 </a>
          <a href="#" class="titleLink">播放记录 </a>
          <a href="#" class="titleLink">App下载</a>
        </div>
      </div>

      <div class="navBar2">
        <div class="titleLeft">
          <a href="#" class="titleLink2">
            <span style="font-size: 30px">摄影</span>
            <span style="font-size: medium">开课吧</span>
          </a>
          <a href="#" class="titleLink2">个人中心</a>
          <a href="#" class="titleLink2">视频播放</a>
        </div>
        <div class="titleRight">
          <img src="11.jpg" alt="11" />
          <img src="11.jpg" alt="11" />
          <img src="11.jpg" alt="11" />
          <img src="11.jpg" alt="11" />
        </div>
      </div>
    </header>
    <section class="main">
    <div class="container1">
      <div class="user-info">
        <div class="avatar">
          <img src="1.jpg" alt="用户头像" />
        </div>
        <div class="user-name">王维</div>
        <div class="user-stats">视频: 34 <span>订阅粉丝: 30112</span></div>
        <div class="user-navBar">
          <div class="nav-container">
            <a href="#" class="nav-item">个人中心</a>
            <a href="#" class="nav-item">播放记录</a>
            <a href="#" class="nav-item">我的数据</a>
            <a href="#" class="nav-item">我的订阅</a>
            <a href="#" class="nav-item">我的视频 </a>
          </div>
        </div>
      </div>
    </div>
    
    <div class="container2">
        <div class="vvvideo">
        <div class="recent-videos">
          <h3>最近播放视频</h3>
          <div class="video-grid">
            <div class="video-item"><img src="2.jpg" alt="视频1" /></div>
            <div class="video-item"><img src="2.jpg" alt="视频2" /></div>
            <div class="video-item"><img src="2.jpg" alt="视频3" /></div>
            <div class="video-item"><img src="2.jpg" alt="视频4" /></div>
            <div class="video-item"><img src="2.jpg" alt="视频5" /></div>
            <div class="video-item"><img src="2.jpg" alt="视频6" /></div>
          </div>
        </div>

        <hr />

        <div class="recent-videos">
          <h3>最近播放视频</h3>
          <div class="video-grid">
            <div class="video-item"><img src="2.jpg" alt="视频1" /></div>
            <div class="video-item"><img src="2.jpg" alt="视频2" /></div>
            <div class="video-item"><img src="2.jpg" alt="视频3" /></div>
            <div class="video-item"><img src="2.jpg" alt="视频4" /></div>
            <div class="video-item"><img src="2.jpg" alt="视频5" /></div>
            <div class="video-item"><img src="2.jpg" alt="视频6" /></div>
          </div>
        </div>
      </div>
      <div class="sidebar">
        <div class="subscriptions">
          <h3>共订阅了8个人</h3>
          <div class="sub-item">
            <img src="1.jpg" alt="订阅用户1" />
            <div class="sub-info">
              <div class="sub-name">noasy</div>
              <div class="sub-stats">视频: 34 订阅粉丝: 11298</div>
            </div>
          </div>
          <div class="sub-item">
            <img src="1.jpg" alt="订阅用户2" />
            <div class="sub-info">
              <div class="sub-name">noasy</div>
              <div class="sub-stats">视频: 34 订阅粉丝: 11298</div>
            </div>
          </div>
          <div class="sub-item">
            <img src="1.jpg" alt="订阅用户3" />
            <div class="sub-info">
              <div class="sub-name">noasy</div>
              <div class="sub-stats">视频: 34 订阅粉丝: 11298</div>
            </div>
          </div>
          <div class="sub-item">
            <img src="1.jpg" alt="订阅用户4" />
            <div class="sub-info">
              <div class="sub-name">noasy</div>
              <div class="sub-stats">视频: 34 订阅粉丝: 11298</div>
            </div>
          </div>
        
          </div>
          <button class="view-more">查看更多</button>
        </div>
      </div>
    </div>
    

</section>
    <footer>Copyright©2024 开源版 版权所有</footer>
  </body>
</html>
